<template>
  <view class="nav-tar" :style="{paddingTop: navBar.statusBarHeight + 'px', height: navBar.navHeight + 'px'}">
    <view class="app_name">{{home.app_name}}</view>
  </view>
</template>

<script>
export default {
  props: ['home', 'navBar'],
  data() {
    return {

    }
  },
  methods: {

  },
  created() {

  },
  mounted() {
  },

}
</script>

<style scoped lang="scss">
.nav-tar {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  //transition: all 0.3s linear;
  .app_name {
    padding-right: 30rpx;
    color: white;
    font-size: 36rpx;
    text-indent: 30rpx;
    letter-spacing: 5rpx;
    //font-style: italic;
  }
}
</style>
